<!doctype html>
<html>

<head>
    <!-- inject:meta --><!-- endinject -->
</head>

<body>
    <!-- inject:header --><!-- endinject -->

    <!-- bodyer -->
    <div class="bodyer">
        <!-- 主图 -->
        <div class="main-pic">
            <div class="main-inner">
                <h1>汇集最优秀的coding，做最优秀的产品</h1>
                <h2>HTML5 Design Software</h2>
                <div class="btns">
                    <a target="_blank" href="https://github.com/mtsee/h5ds" class="btn btn-introduce"><i class="iconfont"></i>源码下载</a>
                    <a href="/case" class="btn btn-downcode"><i class="iconfont"></i>免费试用</a>
                </div>
                <div class="downcount">
                    下载<em>5640</em>次
                </div>
                <div class="joinus">
                    <span>qq群：549856478</span>
                </div>
            </div>
        </div>

        <!-- 功能介绍 -->
        <div class="main-introduce main-module">
            <h1 class="title">组件化开发，高扩展性</h1>
            <h2 class="des">产品设计之初就是为了实现高拓展性，能提供给开发者一个公用的二次开发模块</h2>
            <ul class="modules clearfix">
                <li>
                    <i class="iconfont icon-icon3"></i>
                    <h3>代码模块化</h3>
                    <p>代码进行了完全模块化拆分，利于后期维护。</p>
                </li>
                <li>
                    <i class="iconfont icon-mokuaiguanli"></i>
                    <h3>超高拓展性</h3>
                    <p>采用接口模式，提供了丰富的类库包含了常用的方法。</p>
                </li>
                <li>
                    <i class="iconfont icon-baoku"></i>
                    <h3>丰富的插件</h3>
                    <p>包含20多种专门为编辑设计开发的插件，方便二次开发</p>
                </li>
                <li>
                    <i class="iconfont icon-yunjisuan_xingneng"></i>
                    <h3>超强的性能</h3>
                    <p>webpack打包压缩， 压缩代码不足100KB，code少，功能强！</p>
                </li>
                <li>
                    <i class="iconfont icon-dapeida"></i>
                    <h3>功能可定制</h3>
                    <p>基于layer的高拓展性，可轻松实现功能定制</p>
                </li>
            </ul>
        </div>

        <!-- UI介绍 -->
        <div class="main-ui main-module">
            <h1 class="title">重金打造专业UI设计</h1>
            <h2 class="des">每个产品细节设计，按钮，都考虑到用户的使用体验，耗费重金打造最完美的用户体验</h2>
            <div class="ui-pic">
                <img src="/assets/images/pc.jpg" alt="">
            </div>
        </div>

        <!-- 工具介绍 -->
        <div class="main-utils main-module">
            <h1 class="title">站在巨人的肩膀上</h1>
            <h2 class="des">采用当前最流行的前端技术，全模块化构建项目。全采用自己编写的插件，技术可控。</h2>
            <ul class="logos">
                <li><img src="/assets/images/logo1.jpg" alt="" /></li>
                <li><img src="/assets/images/logo2.jpg" alt="" /></li>
                <li><img src="/assets/images/logo3.jpg" alt="" /></li>
                <li><img src="/assets/images/logo4.jpg" alt="" /></li>
                <li><img src="/assets/images/logo5.jpg" alt="" /></li>
                <li><img src="/assets/images/logo6.jpg" alt="" /></li>
                <li><img src="/assets/images/logo7.jpg" alt="" /></li>
            </ul>
        </div>

        <!-- star -->
        <div class="main-github">
            <div class="github-box">
                <h1>梦想还是要有的，万一实现了呢？</h1>
                <p>
                    <i class="iconfont"></i> star: 650 <br><br> 如果觉得对您有用，不要吝啬star
                </p>
            </div>
        </div>

    </div>

    <!-- inject:footer --><!-- endinject -->

</body>

</html>